<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>智研策略——AI预测与备考规划系统</title>
  <!-- CSS文件已通过JavaScript导入 -->
</head>

<body>
  <div class="background-container"></div>
  <div class="container">
    <div class="images-container">
      <!-- 图片1：个人信息与成绩输入 -->
      <div class="image-item">
        <a href="/input.html" style="text-decoration: none; display: contents;">
          <div class="title-bar title-yellow">个人信息与成绩输入</div>
          <img src="images/F3.png" alt="个人信息与成绩输入">
        </a>
      </div>

      <!-- 图片2：报考竞争能力评估 -->
      <div class="image-item">
        <a href="/predict.html" style="text-decoration: none; display: contents;">
          <div class="title-bar title-red">报考竞争能力评估</div>
          <img src="images/F4.png" alt="报考竞争能力评估">
        </a>
      </div>

      <!-- 图片3：往届生源轨迹匹配 -->
      <div class="image-item">
        <a href="/func1.html" style="text-decoration: none; display: contents;">
          <div class="title-bar title-green">往届生源轨迹匹配</div>
          <img src="images/F5.png" alt="往届生源轨迹匹配">
        </a>
      </div>

      <!-- 图片4：目标院校深度洞察 -->
      <div class="image-item">
        <a href="/func2.html" style="text-decoration: none; display: contents;">
          <div class="title-bar title-blue">目标院校深度洞察</div>
          <img src="images/F6.png" alt="目标院校深度洞察">
        </a>
      </div>
    </div>
  </div>
  <div class="footer-text">
    西安科技大学"一站式"智慧报考决策空间
  </div>
</body>

</html>